<tab [lists] = "subLists" [activeTab]="activeTabIndex" [tabClicked]="tabClicked" [change]="mustChange" (tabToggle)="tabToggle($event)"></tab>
<div class="segment-container" #f10Content (scroll)="scrollEvent($event, f10Content, el1, el2, el3)">
  <div class="segment sub-title-0" #el1>
    <p class="segment-title"><span class="little-cube"></span>{{subLists[0].label}}</p>
    <div class="seg-body">
      <div class="line-chart">
        <draw-chart [data]="perspectiveChartSource | async"></draw-chart>
      </div>
      <table-tab [lists]="financialStatements" (tableToggle)="tabelToggle($event)"></table-tab>
      <table-scroll [header]="tableHeader" [data]="tableData | async" [classify]="'$type'" [clickedKey]="perspectiveClickedKey" [trHighLight]="true" (toggleChart)="togglePerspectiveChart($event)"></table-scroll>
    </div>
  </div>
  <div class="segment sub-title-1" #el2>
    <p class="segment-title"><span class="little-cube"></span>{{subLists[1].label}}</p>
    <div class="seg-body">
      <table-tab [lists]="financialAnalysis" (tableToggle)="abilityToggle($event)"></table-tab>
      <div class="financial-analysis">
        <div class="line-chart">
          <draw-chart [data]="analysisChartSource | async"></draw-chart>
        </div>
        <table-scroll [header]="abilityTableHeader" [data]="tableData | async" [clickedKey]="analysisClickedKey" [trHighLight]="true" (toggleChart)="toggleAnalysisChart($event)"></table-scroll>
      </div>
    </div>
  </div>
  <!--<div class="segment sub-title-2">
    <p class="segment-title"><span class="little-cube"></span>{{subLists[2].label}}</p>
    <div class="seg-body">
    </div>
  </div>
  <div class="segment sub-title-3">
    <p class="segment-title"><span class="little-cube"></span>{{subLists[3].label}}</p>
    <div class="seg-body">
    </div>
  </div>-->
  <div class="segment sub-title-4" #el3>
    <p class="segment-title"><span class="little-cube"></span>{{subLists[2].label}}</p>
    <div class="seg-body">
      <table-simple [data]="perfforecastData | async" [header]="perfforecastHeader"></table-simple>
    </div>
  </div>
  <!--<disclaimer></disclaimer>-->
</div>